body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: "微软雅黑";
	font-size: 16px
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee
}

ul {
	padding-left: 0;
	list-style-type: none
}

i,
em {
	font-style: normal
}

big {
	font-size: 1.3em
}

small {
	font-size: 0.77em
}

a {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
	outline: 0
}

A:active {
	outline-style: none;
	outline-color: invert;
	outline-width: 0px
}

A {
	color: #333;
	text-decoration: none
}

A:visited {
	text-decoration: none
}

A:hover {
	text-decoration: none
}

article,
aside,
dialog,
footer,
header,
section,
nav,
figure,
menu,
audio,
canvas,
progress,
video {
	display: block
}

fieldset {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0
}

legend {
	font-size: 1.3em;
	line-height: 2.5;
	display: block;
	width: 100%;
	margin-bottom: 20px;
	padding: 0;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5
}

td,
th {
	padding: 0
}

@-ms-viewport {
	width: device-width
}

.fix {
	*zoom: 1;
	*clear: both
}

.fix:before,
.fix:after {
	display: table;
	clear: both;
	content: ''
}

body {
	min-width: 1200px
}

.wrap {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	*width: 1200px
}

body {
	width: 100%
}

@media screen and (max-width: 900px) {
	body {
		font-size: 14px
	}
}

::selection {
	background: #042d97;
	color: #fff
}

::-moz-selection {
	background: #042d97;
	color: #fff
}

::-webkit-selection {
	background: #042d97;
	color: #fff
}

#showdata {
	display: none
}

body {
	overflow-x: hidden
}

img {
	border: 0
}

.clearfix:after {
	content: '';
	display: block;
	height: 0;
	visibility: hidden;
	clear: both
}

.clearfix {
	zoom: 1
}

em,
i {
	font-style: normal
}

a {
	font-size: 16px;
	transition: all .3s
}

a:hover {
	text-decoration: none;
	color: #e51e01
}

.w1300 {
	width: 1300px;
	margin: 0 auto
}

.w1200 {
	width: 1200px;
	margin: 0 auto
}

.fl {
	float: left
}

.fr {
	float: right
}

.h30 {
	height: 30px
}

.h60 {
	height: 60px
}

.m60 {
	margin-top: 200px
}

.f14 {
	font-size: 14px
}

.f18 {
	font-size: 18px
}

.db {
	display: block
}

.m160 {
	margin-top: 19%
}

.cuya {
	font-family: "cuya"
}

@font-face {
	font-family: 'cuya';
	src: url("../images/cuya.ttf")
}

.fp-tableCell {
	vertical-align: top
}

.dib {
	display: inline-block
}

.play {
	height: 80px;
	width: 78px
}

#fullPage-nav LI A {
	text-align: right;
	width: 21px;
	background: url(../images/dot1.png) no-repeat center center;
	float: right;
	height: 21px;
	color: #f1c820;
	text-decoration: none;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease
}

#fullPage-nav LI .active {
	background-position: 0px bottom;
	background: url(../images/dot2.png) no-repeat 5px 5px;
	background: url(../images/dot2.png) no-repeat center center
}

#fullPage-nav LI A:hover {
	background: url(../images/dot3.png) no-repeat center center
}

#fullPage-nav SPAN {
	display: none
}

.fullPage-tooltip {
	font: 12px/21px "Microsoft Yahei";
	float: left;
	color: #666;
	top: 0px;
	margin-right: 5px;
	width: 100px;
	text-align: right;
	line-height: 21px
}

.section {
	z-index: 100;
	position: relative;
	height: 960px;
	overflow: hidden
}

.dtgif {
	width: 50px;
	position: relative;
	left: 0;
	top: 90%;
	right: 0;
	margin: auto
}

.anniu {
	position: absolute;
	top: 0px;
	width: 50px;
	height: 50px;
	background: url(../images/1.png) no-repeat;
	animation: updown 1.5s infinite;
	animation-timing-function: linear;
	z-index: 999
}

@keyframes updown {
	from {
		top: -5px
	}

	25% {
		top: 0
	}

	50% {
		top: 5px
	}

	75% {
		top: 0
	}

	to {
		top: -5px
	}
}

#fp-nav ul li a span:before {
	position: absolute;
	right: 20px;
	content: '';
	top: -3px;
	text-transform: uppercase;
	color: #fff;
	color: rgba(255, 255, 255, 0.6);
	font-family: 'Conv_Square721BT-RomanCondensed';
	opacity: 0;
	width: 68px
}

#fp-nav ul li:nth-of-type(1) a span:before {
	content: '首页'
}

#fp-nav ul li:nth-of-type(2) a span:before {
	content: '公司业务'
}

#fp-nav ul li:nth-of-type(3) a span:before {
	content: '污水处理'
}

#fp-nav ul li:nth-of-type(4) a span:before {
	content: '废气治理'
}

#fp-nav ul li:nth-of-type(5) a span:before {
	content: '公司简介'
}

#fp-nav ul li:nth-of-type(6) a span:before {
	content: '成功案例'
}

#fp-nav ul li:nth-of-type(7) a span:before {
	content: '新闻动态'
}

#fp-nav ul li:nth-of-type(8) a span:before {
	content: '资质荣誉'
}

#fp-nav ul li:nth-of-type(9) a span:before {
	content: '联系方式'
}

#fp-nav ul li a:hover span:before,
#fp-nav ul li a.active span:before {
	opacity: 1
}

.logo {
	height: 106px;
	position: fixed;
	top: 0;
	z-index: 9999;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.692);
	padding: 0 2%;
	box-sizing: border-box
}

.logo .logoImg a {
	padding: 0px 0px 0 0px;
	display: block;
	float: left;
	/* width: 294px */
	
}
.logo .logoImg {width: 30%; position: relative;
	      top: 50%;
	      transform: translateY(-50%);}
.logo .logoImg  img{width: 100%;}
.top_tel {
	width: 13%;
	margin: 30px 0px 0 0;
}
.top_tel img{width: 100%;}

.n_nav {
	width: 47%;
	margin-left: 10%
}

.n_nav li {
	float: left;
	height: 107px;
	line-height: 107px;
	width: 12.5%;
	position: relative
}

.n_nav li a {
	color: #000;
	display: block;
	text-align: center;
	font-size: 16px
}

.n_nav li a:hover {
	background: #007438;
	color: #fff
}

.n_nav li .act {
	background: #007438;
	color: #fff
}

.n_nav .qh_nav1 ul {
	visibility: hidden;
	opacity: 0;
	width: 600%;
	position: absolute;
	left: 0px;
	top: 90px;
	background: rgba(0, 0, 0, 0.774);
	padding: 20px 6%;
	overflow: hidden;
	transition: .5s;
	text-align: center
}

.n_nav .qh_nav1 ul img {
	float: left;
	width: 50%;
	margin-left: 2%;
	display: block
}

.n_nav .qh_nav1 ul .nav_3 {
	float: left;
	width: 48%;
	color: #fff
}

.n_nav .qh_nav1 ul .nav_3 strong {
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 20px;
	display: block;
	color: #fff;
	padding-left: 20px;
	border-bottom: 1px solid rgba(204, 204, 204, 0.342)
}

.n_nav .qh_nav1 ul .nav_3 a {
	color: #fff;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: left;
	padding-left: 20px
}

.n_nav .qh_nav1:hover ul {
	visibility: visible;
	opacity: 1;
	top: 105px
}

.n_nav .qh_nav2 ul {
	width: 150px
}

.n_nav .qh_nav2 ul a {
	color: #fff;
	font-size: 16px;
	height: 45px;
	line-height: 45px;
	border-bottom: 1px dotted rgba(204, 204, 204, 0.397);
	font-weight: normal
}

.n_nav .qh_nav2 ul a b {
	display: block;
	background: #007438
}

.n_nav .qh_nav3 ul {
	width: 460px;
}

.n_nav .qh_nav3 ul strong {
	float: left;
	width: 48%;
	margin-right: 2%
}

.n_nav .qh_nav3 ul a {
	color: #fff;
	font-size: 16px;
	height: 45px;
	line-height: 45px;
	border-bottom: 1px dotted rgba(204, 204, 204, 0.397);
	font-weight: normal
}

.n_nav .qh_nav3 ul a b {
	display: block;
	background: #007438
}

.n_nav .qh_nav4 ul {
	width: 650px
}

.n_nav .qh_nav4 ul strong {
	float: left;
	width: 30%;
	margin-right: 2%
}

.n_nav .qh_nav4 ul a {
	color: #fff;
	font-size: 16px;
	height: 45px;
	line-height: 45px;
	border-bottom: 1px dotted rgba(204, 204, 204, 0.397);
	font-weight: normal
}

.n_nav .qh_nav4 ul a b {
	display: block;
	background: #007438
}

@keyframes warn {
	0% {
		transform: scale(0);
		opacity: 0.0
	}

	25% {
		transform: scale(0);
		opacity: 0.1
	}

	50% {
		transform: scale(0.1);
		opacity: 0.3
	}

	75% {
		transform: scale(0.5);
		opacity: 0.5
	}

	100% {
		transform: scale(1);
		opacity: 1
	}
}

#sybj2 {
	background: url(../images/bj0.jpg) no-repeat center center;
	background-size: cover !important
}

#sybj3 {
	background: url(../images/b1.jpg) no-repeat center top;
	background-size: cover !important
}

#sybj4 {
	background: url(../images/bj3.jpg) no-repeat center center;
	background-size: cover !important
}

#sybj5 {
	background: url(../images/bj4.jpg) no-repeat center bottom;
	background-size: cover !important
}

#sybj6 {
	background: url(../images/bj5.jpg) no-repeat center top;
	background-size: cover !important
}

#sybj7 {
	background: url(../images/bj6.jpg) no-repeat center bottom;
	background-size: cover !important
}

#sybj8 {
	background: url(../images/bj7.jpg) no-repeat center bottom;
	background-size: cover !important
}

#sybj9 {
	background: url(../images/bj8.jpg) no-repeat center bottom;
	background-size: cover !important
}

.head {
	z-index: 10000;
	margin: 0 auto;
	width: 100%;
	position: relative;
	top: 0px;
	left: 0px
}

.navc {
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	height: 70px
}

.navc .myLogo {
	float: left;
	display: block;
	margin-left: 20px
}

.navc .navMaing {
	float: right;
	margin: 50px 100px 0 0
}

.navMaing li {
	float: left;
	color: #fff;
	margin-right: 20px
}

.navMaing li a {
	color: #fff;
	font-size: 16px;
	transition: all .3s;
	display: block
}

.navMaing li a:hover {
	color: #ff0000;
	transform: translateY(-3px)
}

#container {
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

#background_video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	height: 140% !important;
	width: 130% !important
}

#video_cover {
	width: 100%;
	height: 100%;
	background: url("../images/video_cover.jpg") no-repeat;
	background-size: cover;
	background-position: center
}

#video_controls {
	left: 50%;
	transform: translate(-50%, 0)
}

#play img {
	width: 100px
}

#pause img {
	width: 90px
}

#pause {
	display: none
}

@media (min-width: 768px) {
	#video_controls {
		display: none
	}
}

#container {
	height: 100%
}

#overlay {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: url(../images/vdian.png);
	opacity: 0.7;
	filter: alpha(opacity=70)
}

#main_content {
	z-index: 2;
	position: relative;
	display: inline-block;
	top: 50%;
	transform: translateY(-50%)
}

.sypic {
	position: absolute;
	top: 0%;
	left: 0;
	right: 0;
	width: 100%;
	margin: auto;
	padding-top: 10%;
	box-sizing: border-box;
	height: 100%;
	overflow: hidden;
	z-index: 9999
}

.sypic h1 {
	font-size: 46px;
	text-align: center;
	top: 30px
}

.sypic h3 {
	text-align: center
}

.sypic strong {
	text-align: center;
	color: #fff;
	font-size: 42px;
	font-family: "cuya";
	display: block;
	margin: 30px auto;
	font-weight: normal
}

.sypic strong b {
	font-weight: normal;
	padding-right: 15px
}

.sypic a {
	border-radius: 30px;
	border: 1px solid #fff;
	color: #fff;
	padding: 15px 0px;
	transition: all .3s;
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 169px
}

.sypic a:hover {
	background: #007438;
	color: #fff;
	padding: 15px 80px;
	border: 1px solid #007438
}

.mask-bg:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
	display: block
}

#copybox {
	width: 96%;
	height: 40px;
	line-height: 40px;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	bottom: 0;
	z-index: 99999;
	color: #fff;
	padding: 0 2%;
	font-size: 14px
}

#copybox a {
	color: #fff
}

#copybox span {
	float: right
}

#copybox img {
	vertical-align: middle;
	margin-left: 15px
}

.server {
	height: 100%
}

.server ul {
	height: 100%
}

.server ul li {
	float: left;
	height: 100%;
	color: #fff;
	text-align: center;
	width: 16.6666666667%;
	box-sizing: border-box;
	padding: 0 2%;
	color: #009ee4;
	position: relative
}

.server ul li>img {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -100%;
	transition: bottom 1s .2s
}

.server ul li:hover>img {
	bottom: 80px;
	width: 80%
}

.server ul li:hover .server_cont>p {
	top: -60px
}

.server ul li:hover .server_cont .server_intro {
	opacity: 1;
	bottom: 40px
}

.server ul li:hover .sho {
	display: none
}

.server ul li:hover .hid {
	display: inline-block;
	animation: plays 1s .5s linear infinite both;
	position: relative
}

.server ul li:hover .server_img {
	background: #fff
}

.server ul li .hid {
	display: none
}

.server_mask {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background: rgba(169, 18, 13, 0.699);
	z-index: -1
}

.server_mask_div {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.server ul li.active,
.server ul li:hover {
	color: #fff;
	transition: color 1s
}

.server ul li.active .server_img,
.server ul li:hover .server_img {
	border-color: #fff;
	top: -60px
}

.server_cont {
	position: relative;
	top: 40%
}

.server_cont .server_img {
	border-radius: 100%;
	background: rgba(181, 39, 34, 0.897);
	width: 130px;
	height: 130px;
	margin: 0 auto;
	position: relative;
	top: 0;
	transition: border-color 1s, top .5s
}

.server_cont .server_img img {
	margin-top: 38px;
	position: relative
}

.server_cont>p {
	padding: 15px 0 25px 0;
	font-size: 18px;
	transition: top .5s;
	position: relative;
	top: 0;
	color: #fff
}

.server_cont .server_intro {
	line-height: 24px;
	transition: all .8s .2s;
	opacity: 0;
	color: #fff;
	position: relative;
	bottom: -150px
}

.server_cont .server_intro2 {
	display: none
}

@keyframes plays {
	0% {
		bottom: 0
	}

	60% {
		bottom: 10px
	}

	100% {
		bottom: 0px
	}
}

@media (max-width: 460px) {
	.server_cont .server_intro {
		display: none
	}

	.server_cont .server_intro2 {
		display: block;
		line-height: 24px;
		transition: all .8s .2s;
		opacity: 0;
		color: #fff;
		position: relative;
		bottom: -150px
	}

	.server ul li:hover .server_cont .server_intro2 {
		opacity: 1;
		bottom: 0
	}
}

.anliroll {
	height: 480px;
	width: 96%;
	margin: 0 auto
}

.anliroll li {
	float: left;
	width: 14.2857142857%;
	background: #fff;
	margin: 2% 0 0 1.4%
}

.anliroll li a {
	display: block;
	overflow: hidden;
	position: relative
}

.anliroll li a h4 {
	overflow: hidden
}

.anliroll li a img {
	width: 100%;
	display: block;
	transition: all .5s
}

.anliroll li a ol {
	line-height: 90px;
	color: #555;
	width: 100%;
	transition: all .3s;
	font-size: 20px;
	border-bottom: 1px solid #e1dfdf;
	padding: 0 10px;
	box-sizing: border-box
}

.anliroll li a ol a {
	color: #555;
	font-size: 20px
}

.anliroll li a span {
	display: inline-block;
	position: absolute;
	right: 10px;
	bottom: 6%;
	border: 1px solid #dcdcdc;
	border-radius: 999px;
	padding: 10px 20px
}

.anliroll li a:hover {
	color: #fff
}

.anliroll li a:hover img {
	transform: scaleX(1.2) scaleY(1.2)
}

.anliroll li a:hover ol {
	background: linear-gradient(45deg, #1574cd, #60b62b);
	color: #fff;
	padding-left: 25px
}

.anliroll li a:hover span {
	background: #fff;
	color: #000;
	border: 1px solid #1574cd
}

.syal {
	overflow: hidden;
	width: 100%;
	margin: 0px auto 40px auto
}

.syal li {
	float: left;
	margin-right: 20px;
	width: 350px;
	position: relative
}

.syal li a {
	display: block;
	overflow: hidden
}
.syal li a{ position: relative; padding-bottom: 84%;}
.syal li a img {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	transition: all 0.5s
}

.syal li a ol {
	padding: 15px 0;
	color: #fff;
	width: 100%;
	transition: all .3s;
	font-size: 18px;
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 666;
	background: rgba(0, 0, 0, 0.56)
}

.syal li a ol a {
	color: #fff;
	font-size: 20px
}

.syal li a:hover {
	color: #fff
}

.syal li a:hover img {
	transform: scaleX(1.2) scaleY(1.2)
}

.syal li a:hover ol {
	background: rgba(21, 63, 154, 0.664)
}

.section2 .syyw {
	width: 100%;
	height: 100%;
	position: relative
}

.section2 .syyw_l,
.section2 .syyw_r,
.section2 .yw_logo {
	position: absolute
}

.section2 .syyw_l,
.section2 .syyw_r {
	width: 50%;
	float: left
}

.section2 .syyw_l a,
.section2 .syyw_r a {
	display: block
}

.section2 .syyw_l h2,
.section2 .syyw_r h2 {
	font-size: 40px;
	font-weight: normal;
	transition: all .3s
}

.section2 .syyw_l em,
.section2 .syyw_r em {
	font-size: 26px;
	font-family: "cuya";
	text-transform: uppercase;
	transition: all .3s
}

.section2 .syyw_l i,
.section2 .syyw_r i {
	display: block;
	padding: 10px 0;
	width: 180px;
	height: 40px;
	line-height: 40px;
	 border-radius: 50px;
	color: #007438;
	/* background: #fff; */
	font-size: 20px;
	margin: 30px auto;
	font-weight: normal;
	transition: all .3s
}

.section2 .yw_logo {
	width: 293px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 999;
	top: 36%
}

.section2 .yw_logo img {
	-webkit-animation: warn 3s ease-out;
	-moz-animation: warn 3s ease-out;
	animation: warn 3s ease-out
}

.section2 .syyw_l {
	left: 0;
	top: 40%;
	text-align: center
}

.section2 .syyw_l h2 {
	color: #fff
}

.section2 .syyw_l em {
	color: #fff
}

.section2 .syyw_l i {
	background: #007438;
	color: #fff
}

.section2 .syyw_l a:hover h2 {
	color: #00911a
}

.section2 .syyw_l a:hover em {
	color: #00911a
}

.section2 .syyw_l a:hover i {
	background: #00911a;
	color: #fff
}

.section2 .syyw_r {
	right: 0;
	top: 40%;
	text-align: center
}

.section2 .syyw_r a:hover h2 {
	color: #00911a
}

.section2 .syyw_r a:hover em {
	color: #00911a
}

.section2 .syyw_r a:hover i {
	background: #00911a;
	color: #fff
}

.section2 .syyw_r h2 {
	color: #fff
}

.section2 .syyw_r em {
	color: #fff
}

.section2 .syyw_r i {
	background: #007438;
	color: #fff
}

.tit .cpbt_r {
	padding-top: 30px
}
.titlei{ position: relative; top: -40px;}
.titlei h1{font-size: 40px;
    font-weight: 700;
    color: #fff;
	text-transform: uppercase;
	}
.titlei span{font-size: 50px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    position: relative;}
.tit .cpbt_r a {
	display: inline-block;
	padding: 10px 35px;
	background: #007438;
	color: #fff;
	border-radius: 30px;
	margin-left: 15px;
	font-size: 18px;
	font-weight: normal;
	transition: all .3s
}

.tit .cpbt_r a:hover {
	background: #ff0000
}

.mored {
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #ff0000;
	display: block;
	margin: auto;
	color: #ff0000;
	transition: all .3s
}

.mored:hover {
	background: #ff0000;
	color: #fff
}

.anliroll {
	height: 480px;
	margin: 30px auto
}

.anliroll li {
	float: left;
	width: 23.2558139535%;
	margin: 0 0 20px 1.4%;
	position: relative
}

.anliroll li a {
	display: block;
	overflow: hidden
}

.anliroll li a img {
	width: 100%;
	display: block;
	transition: all .5s
}

.anliroll li a ol {
	padding: 5px 0;
	color: #fff;
	width: 100%;
	transition: all .3s;
	font-size: 18px;
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 666;
	background: rgba(0, 0, 0, 0.76)
}

.anliroll li a ol a {
	color: #fff;
	font-size: 20px
}

.anliroll li a:hover {
	color: #fff
}

.anliroll li a:hover img {
	transform: scaleX(1.2) scaleY(1.2)
}

.anliroll li a:hover ol {
	background: rgba(21, 63, 154, 0.664)
}

.w_pr {
	position: relative
}

.section5 h3 {
	text-align: center;
	font-size: 62px;
	color: #fff;
	font-weight: normal
}

.section5 h3 em {
	display: block;
	font-size: 26px;
	text-transform: uppercase
}

.section5 h4 {
	color: #fff;
	font-size: 40px;
	font-weight: normal;
	border-bottom: 1px solid #fff;
	width: 630px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/d.png) center 20px no-repeat;
	padding-top: 50px;
	padding-bottom: 20px
}

.section5 .gs_con {
	width: 1140px;
	font-size: 18px;
	color: #fff;
	margin: 30px auto;
	text-align: center
}

.section5 .gs_con p {
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 200%
}

#focus_Box {
	position: relative;
	width: 1040px;
	height: 440px;
	margin: 40px auto 0 auto;
	padding-top: 20px
}

#focus_Box ul {
	position: relative;
	height: 440px
}

#focus_Box li {
	z-index: 0;
	position: absolute;
	width: 0px;
	height: 0px;
	top: 146px;
	cursor: pointer;
	left: 377px;
	overflow: hidden;
	border: 5px solid #fff
}

#focus_Box li img {
	width: 100%;
	height: 100%;
	vertical-align: top;
	transition: .5s
}

#focus_Box li:hover img {
	transform: scale(1.05, 1.05)
}

#focus_Box li:hover p {
	background: #007438;
	color: #fff;
	font-size: 20px
}

#focus_Box li p {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: rgba(0, 0, 0, 0.356);
	text-align: center;
	font-size: 18px;
	transition: all .3s
}

#focus_Box .prev {
	background: url(../images/btnl.png) no-repeat;
	left: -100px;
	top: 390px
}

#focus_Box .prev:hover {
	left: -110px;
	opacity: 1
}

#focus_Box .next {
	background: url(../images/btnr.png) no-repeat;
	right: -100px;
	top: 390px
}

#focus_Box .next:hover {
	right: -110px;
	opacity: 0.6
}

#focus_Box a.imgs-scroll-btn {
	display: block;
	position: absolute;
	z-index: 110;
	top: 7px;
	right: 15px;
	width: 51px;
	height: 23px;
	overflow: hidden;
	background: url(../images/share-btn.png) no-repeat;
	text-indent: -999px
}

#focus_Box .prev,
#focus_Box .next {
	display: block;
	z-index: 100;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	width: 51px;
	height: 101px;
	top: 181px;
	transition: 0.5s;
	opacity: 1
}

.section7 h3 {
	text-align: center;
	font-size: 36px;
	color: #fff
}

.section7 h3 em {
	display: block;
	font-family: "cuya";
	font-size: 60px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.293)
}

.section7 .synews {
	margin-top: 20px
}

.section7 .synews li {
	width: 48%;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	padding: 40px 25px;
	box-sizing: border-box;
	transition: all .3s;
	background: rgba(255, 255, 255, 0.747)
}

.section7 .synews li:nth-of-type(2),
.section7 .synews li:nth-of-type(4) {
	margin-right: 0
}

.section7 .synews li:hover {
	background: rgba(0, 116, 56, 0.664)
}

.section7 .synews li:hover h4 {
	color: #fff
}

.section7 .synews li:hover h4 p,
.section7 .synews li:hover h4 i {
	color: #fff
}

.section7 .synews li a {
	display: block
}

.section7 .synews li a img {
	width: 30%;
	float: left;
	height: 107px;
}

.section7 .synews li a h4 {
	width: 68%;
	float: right
}

.section7 .synews li a h4 p {
	color: rgba(0, 0, 0, 0.658);
	margin: 8px 0;
	font-weight: normal
}

.section7 .synews li a h4 i {
	color: rgba(0, 0, 0, 0.658);
	font-weight: normal
}

.section8 .syry_l {
	width: 30%;
	font-size: 30px;
	color: #fff;
	text-align: center
}

.section8 .syry_r {
	width: 60%;
	overflow: hidden;
}
/* .section8 .syry_r li:nth-child(1){ float:left; height: 540px;}
.section8 .syry_r li:nth-child(1) a{display: block;
	transition: all .3s;
	position: relative;
	padding-bottom: 140.15%;} */
.section8 .syry_r li {
	width: 20%;
	float: left;
	margin-right: 2%;
	margin-bottom: 20px
}

.section8 .syry_r li a {
	display: block;
	transition: all .3s;
	position: relative;
	padding-bottom: 123.33%;
}

.section8 .syry_r li a img {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block
}

.section8 .syry_r li a ol {
	text-align: center;
	height: 50px;
	line-height: 50px;
	transition: all .3s;
	color: #fff
}

.section8 .syry_r li a:hover ol {
	color: #fff
}



.section8 .youshi .tit{text-align: center; }
.section8 .youshi .tit h1{font-size: 50px; font-weight: bold;color: #fff;}
.section8 .youshi .tit span{ font-size: 24px; color: #fff;}
.section8 .youshi .ys_content{width: 100%; margin-top: 30px;}
.section8 .youshi .ys_content ul li{ float: left;}
.section8 .youshi .ys_content ul li .li_top{ background: rgba(117, 187, 0, 0.8); width: 433px; height: 255px; padding: 38px; box-sizing: border-box;}
.section8 .youshi .ys_content ul li .li_top:nth-child(2){background: rgba(0, 116, 56, 0.7);}
.section8 .youshi .ys_content ul li .li_top .ys_l{float: left; font-size: 60px; color: #fff; font-weight: bold;}
.section8 .youshi .ys_content ul li .li_top .ys_r{float: right; }
.section8 .youshi .ys_content ul li .li_top .ys_r h2,p{color: #fff;}
.section8 .youshi .ys_content ul li .li_top .ys_r h2{font-size: 24px; margin-bottom: 5px;}
.section8 .youshi .ys_content ul li .ys_img{width: 433px; height: 255px;}
.section8 .youshi .ys_content ul li .ys_img img{ width: 100%; height: 100%;}
.section9 h3 {
	text-align: center;
	margin-bottom: 70px
}

.section9 dl dt {
	width: 236px;
	margin-left: 20%
}

.section9 dl dd h2 {
	font-size: 32px;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
	margin-bottom: 20px
}

.section9 dl dd p {
	color: #fff;
	line-height: 200%;
	font-size: 18px
}

.sy_lx {
	margin: 18% auto 0 auto;
	width: 1200px
}

.sy_lx dt h3 {
	color: #fff;
	position: relative
}

.sy_lx dt h3 em,
.sy_lx dt h3 b,
.sy_lx dt h3 a {
	color: #fff
}

.sy_lx dt h3 em {
	font-size: 44px;
	font-weight: normal
}

.sy_lx dt h3 b {
	font-size: 38px;
	display: block;
	margin-bottom: 40px;
	margin-top: 20px
}

.sy_lx dt h3 a {
	width: 200px;
	border: 1px solid #fff;
	background: #000;
	height: 50px;
	line-height: 50px;
	display: block;
	text-align: center
}

.sy_lx dt h3 a:hover {
	background: #d10800;
	border: 1px solid #d10800;
	width: 250px
}

.sy_lx dt h3::before {
	position: absolute;
	content: "";
	left: -30px;
	top: -60px;
	height: 80px;
	width: 1px;
	background: #fff
}

.sy_lx dt h3::after {
	position: absolute;
	content: "";
	left: -30px;
	bottom: -10px;
	height: 80px;
	width: 1px;
	background: #fff
}

.sy_lx dd {
	width: 40%
}

.sy_lx dd p {
	border: 1px solid #fff;
	padding: 20px;
	color: #fff;
	margin-bottom: 20px;
	font-size: 20px;
	padding-left: 120px;
	position: relative;
	transition: all .3s
}

.sy_lx dd p:nth-of-type(1),
.sy_lx dd p:nth-of-type(2),
.sy_lx dd p:nth-of-type(3) {
	background: url(../images/tel.png) 30px no-repeat
}

.sy_lx dd p:nth-of-type(4) {
	background: url(../images/dz.png) 30px no-repeat
}

.sy_lx dd p::before {
	position: absolute;
	content: "";
	left: 90px;
	top: 20px;
	height: 30px;
	width: 1px;
	background: #fff
}

.sy_lx dd p:hover {
	transform: translateX(-54px);
	border: 1px solid #d10800
}

.sy_lx dd p:hover:nth-of-type(1),
.sy_lx dd p:hover:nth-of-type(2),
.sy_lx dd p:hover:nth-of-type(3) {
	background: url(../images/tel.png) 30px no-repeat #d10800
}

.sy_lx dd p:hover:nth-of-type(4) {
	background: url(../images/dz.png) 30px no-repeat #d10800
}

.sy_lx dd p:hover::before {
	position: absolute;
	content: "";
	left: 90px;
	top: 20px;
	height: 30px;
	width: 1px;
	background: #fff
}

.nb {
	height: 520px;
	padding-top: 326px;
	box-sizing: border-box
}

.nb ul {
	width: 666px;
	margin: 0 auto;
	text-align: center;
	padding: 40px 0;
	text-align: center;
	background: rgba(255, 255, 255, 0.438)
}

.nb ul b {
	text-align: center;
	font-size: 36px;
	display: block;
	position: relative;
	color: #007438
}

.nb ul b::before {
	position: absolute;
	content: "";
	top: 20px;
	left: 140px;
	width: 100px;
	height: 1px;
	background: #007438
}

.nb ul b::after {
	position: absolute;
	content: "";
	top: 20px;
	right: 140px;
	width: 100px;
	height: 1px;
	background: #007438
}

.nb ul em {
	display: block;
	color: #007438;
	font-size: 26px;
	text-transform: uppercase;
	margin-bottom: 10px
}

.nb ul strong {
	font-size: 20px;
	font-weight: normal;
	line-height: 160%;
	background: #007438;
	color: #fff;
	padding: 5px 15px
}

.nb1 {
	background: url(../images/g1.jpg) bottom center no-repeat;
	background-size: cover
}

.nb2 {
	background: url(../images/g2.jpg) bottom center no-repeat;
	background-size: cover
}

.nb3 {
	background: url(../images/g3.jpg) bottom center no-repeat;
	background-size: cover
}

.nb4 {
	background: url(../images/g4.jpg) bottom center no-repeat;
	background-size: cover
}

.nb5 {
	background: url(../images/g5.jpg) bottom center no-repeat;
	background-size: cover
}

.nb6 {
	background: url(../images/g6.jpg) bottom center no-repeat;
	background-size: cover
}

.nb7 {
	background: url(../images/g7.jpg) bottom center no-repeat;
	background-size: cover
}

.n_navw {
	margin: 30px 0;
	overflow: hidden
}

.n_navw img {
	float: left
}

.n_navw a {
	float: right;
	display: inline-block;
	padding: 5px 50px;
	margin-right: 5px;
	background: #007438;
	color: #fff;
	transition: all .3s
}

.n_navw a:hover {
	background: #00911a
}

.n_navw .act {
	background: #00911a
}

.fixFooter {
	background: #222222;
	padding: 2% 5% 1% 5%;
	text-align: center;
	margin-top: 40px
}

.fixFooter .fl {
	margin-top: 20px
}

.fixFooter .fnav {
	width: 13%;
	margin-left: 5%
}

.fixFooter .fnav ul a {
	color: #c3c3c3;
	line-height: 35px;
	transition: all .5s;
	display: block
}

.fixFooter .fnav ul a:nth-of-type(1),
.fixFooter .fnav ul a:nth-of-type(4) {
	font-size: 22px;
	font-weight: bold
}

.fixFooter .fnav ul a:hover {
	color: #e20016
}

.fixFooter .ftxt {
	color: #c3c3c3;
	display: inline-block;
	text-align: left;
	margin-left: 5%
}

.fixFooter .ftxt p {
	color: #c3c3c3;
	line-height: 160%
}

.bqnybt {
	background: url(../images/1_28.png) left top no-repeat;
	padding-left: 60px;
	color: #c3c3c3
}

.bqnybt h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	color: #c3c3c3
}

.bqnybt .cuya {
	font-size: 36px;
	color: #ffea00;
	font-family: Impact
}

.bqnybt p {
	font-size: 18px;
	color: #c3c3c3
}

.bq {
	text-align: center;
	color: #fff
}

.bq p {
	color: #fff;
	text-align: center
}

.bq img {
	vertical-align: middle;
	padding-left: 15px
}

.fixFooter .fr {
	color: #c3c3c3
}

.fixFooter .fr img,
.fixFooter .fr .frtxt {
	display: block
}

.fixFooter .fr .frtxt {
	margin-left: 15px;
	color: #c3c3c3
}

.fixFooter .fr .frtxt p {
	color: #c3c3c3;
	text-align: center
}

.fixFooter .bq {
	font-size: 14px;
	border-top: 1px solid #514f4f;
	margin-top: 2%;
	padding-top: 1%
}

.fixFooter .bq .fl {
	margin: 0;
	color: #c3c3c3
}

.sy_footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	height: 40px;
	line-height: 40px;
	margin: auto;
	right: 0;
	background: rgba(0, 0, 0, 0.241);
	padding: 0 2%;
	box-sizing: border-box;
	z-index: 9999
}

.sy_footer p {
	color: #fff;
	font-size: 14px
}

.sy_footer img {
	vertical-align: middle;
	padding-left: 15px
}

.sy_footer span {
	display: block;
	float: left;
	color: rgba(255, 255, 255, 0.8);
	margin-right: 20px;
	font-size: 14px;
	display: block
}

.sy_footer .sy_footer_nav {
	width: 500px;
	display: flex
}

.sy_footer .sy_footer_nav:hover a {
	color: #ef0
}

.sy_footer .sy_footer_nav a {
	color: rgba(255, 255, 255, 0.8);
	flex: 1;
	transition: all .3s;
	font-size: 14px
}

.sy_footer .sy_footer_nav a:hover {
	color: #fff
}

.sy_footer b {
	display: block;
	float: right;
	color: rgba(255, 255, 255, 0.8);
	font-size: 14px;
	font-weight: normal
}

.navg {
	width: 100%;
	height: 60px;
	border-bottom: 1px solid #ccc;
	line-height: 60px;
	color: #8f8f8f
}

.navg .w1200 {
	width: 100%;
	padding: 0 3%;
	box-sizing: border-box
}

.navg img {
	margin-right: 14px;
	margin-top: 0px
}

.navg a {
	font-size: 16px;
	color: #8f8f8f
}

.navg span {
	float: right;
	color: #ff0000;
	font-size: 20px
}

.navg span a {
	color: #ff0000;
	font-size: 26px;
	font-family: Arial, Helvetica, sans-serif
}

.navg span img {
	vertical-align: middle
}

.n_main {
	overflow: hidden;
	margin-top: 0px
}

.nmain_l {
	width: 21%;
	margin-top: 30px
}

.nmain_l h1 {
	height: 95px;
	background: #0048a6 url(../images/nlanbg.jpg) no-repeat right top;
	color: #fff;
	font-size: 36px;
	font-weight: normal;
	padding-top: 45px;
	line-height: 30px;
	font-weight: bold;
	text-align: center
}

.nmain_l h1 em {
	display: block;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.733);
	font-weight: normal;
	text-align: center
}

.nmain_l .nmenu {
	border: 1px solid #eee;
	border-top: 0
}

.nmain_l .nmenu div h3 {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #ddd
}

.nmain_l .nmenu div h3 a {
	display: block;
	background: #eee;
	padding-left: 30px;
	color: #fff;
	font-size: 18px;
	color: #000
}

.nmain_l .nmenu div h3 a:hover {
	background: #00911a;
	color: #fff
}

.nmain_l .nmenu div h3 .act {
	background: #00911a;
	color: #fff
}

.nmain_l .nmenu div span {
	display: block
}

.nmain_l .nmenu div span a {
	display: block;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #eee;
	padding-left: 50px;
	position: relative
}

.nmain_l .nmenu div span a:before {
	content: "";
	width: 7px;
	height: 7px;
	display: block;
	border-bottom: 1px solid currentColor;
	border-right: 1px solid currentColor;
	margin: auto;
	transform: rotate(-45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1.7em
}

.nmain_l .nmenu div span a:hover {
	background: #00911a;
	color: #fff
}

.nmain_l .nmenu div span .act {
	background: #00911a;
	color: #fff
}

.nmain_l .l_lx {
	background: #00911a
}

.nmain_l .l_lx dt {
	height: 50px;
	line-height: 70px;
	font-size: 26px;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	margin: 0 20px
}

.nmain_l .l_lx dd {
	padding: 20px 20px 20px 20px;
	box-sizing: border-box;
	color: #fff
}

.nmain_l .l_lx dd p {
	color: #fff;
	line-height: 160%
}

.nmain_l .l_lx dd span {
	color: #fff;
	display: block;
	font-size: 36px;
	margin: 10px 0 20px 0
}

.nmain_r1 {
	width: 89%;
	margin: 0 auto
}

.nmain_r3 {
	width: 78%
}

.n_al a {
	width: 24%;
	margin-right: 1%;
	display: block;
	float: left;
	overflow: hidden;
	text-align: center;
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.n_al a img {
	display: block;
	width: 100%
}

.gs_con {
	line-height: 230%;
	margin-top: 40px
}

.gs_con p {
	line-height: 230%;
	margin-bottom: 15px
}

.min_box_content1 {
	background: #f7f2d5;
	padding: 20px 0 20px 30px;
	margin-top: 20px
}

.min_box_content1 b {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	display: block
}

.min_box_content1 strong {
	display: block;
	background: url(../images/dianhua.png) left no-repeat;
	padding: 10px 0 0 50px;
	font-size: 36px;
	color: #e30f00
}

.min_box_content1 p {
	color: #666666;
	line-height: 24px;
	font-size: 14px
}

.cpnr {
	margin-top: 25px;
	overflow: hidden
}

.cpnr dt {
	float: left;
	margin-right: 5px;
	width: 200px
}

.cpnr dt img {
	border: 1px solid #ccc;
	display: block
}

.cpnr dd {
	float: left;
	margin-right: 5px
}

.cpnr dd a {
	display: block;
	padding: 10px 30px;
	text-align: center;
	border: 1px solid #ccc;
	margin-top: 20px;
	width: 150px
}

.cpnr dd a:nth-of-type(1) {
	background: #fdeded;
	color: #f5002e;
	border: 1px solid #f5002e
}

.cpnr dd a:nth-of-type(2) {
	background: #f5002e;
	color: #fff;
	border: 1px solid #f5002e
}

#cplb3 {
	position: absolute;
	top: 33%;
	text-align: center;
	width: 100%
}

#cplb3 a {
	width: 14%;
	display: inline-block;
	transition: all 0.3s
}

#cplb3 a h3 {
	width: 100%;
	color: #fff;
	font-size: 14px;
	padding: 0;
	margin: 0;
	height: 39px;
	line-height: 39px;
	transition: all .3s;
	text-align: center;
	border-radius: 30px
}

#cplb3 a img {
	width: 200px;
	display: block;
	height: 200px;
	border-radius: 50%;
	margin: 0 auto
}

#cplb3 a:hover h3 {
	background: #e30f00
}

#cplb3 a:hover {
	transform: translateY(-5px)
}

/*# sourceMappingURL=chen.css.map */
.fullSlide{ position:absolute; left:0; top:0; width:100%;  height:100%;  min-width:1000px; background:#000  }
		.fullSlide ul{ height:100% !important; width:100% !important;  }
		.fullSlide li{  height:100% !important; width:100% !important; }
		.fullSlide .prev,
		.fullSlide .next{ position:absolute; z-index:1; display:block; width:30px; height:50px; top:60%; margin-top:-100px; left:50px;  
			background:url(../images/icons.png) 0 0 no-repeat; 
			cursor:pointer;  filter:alpha(opacity=60);opacity:0.6;  }
		.fullSlide .next{ left:auto; right:50px; background-position:-51px 0; }
		.fullSlide .prev:hover,
		.fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1; }
		.fullSlide .playState{ display:block; position:absolute; z-index:1; right:30px; top:50%; margin-top:-20px; width:51px; height:51px; overflow:hidden;  background:url(images/icons.png) 23px -132px #000  no-repeat; filter:alpha(opacity=60);opacity:0.6;  }
		.fullSlide .pauseState{ background-position:23px -201px; }
		.fullSlide .playState:hover{ filter:alpha(opacity=100);opacity:1;  }
	
		/* 内容&导航，演示用，与SuperSlide无关 */
		.content{ width:1000px; position:relative; z-index:1; margin:0 auto; padding:30px 0; }
		.nav{ height:40px; line-height:40px; background:#c00; color:#fff; overflow:hidden;  font:normal 14px/40px "Microsoft YaHei"; _font-weight:bold;
			-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; filter:alpha(opacity=80);opacity:0.8; 
		}
		.nav li{ width:120px; float:left; text-align:center; border:1px solid #d50000; border-top:0; border-bottom:0; margin-left:-1px;  }
		.nav li a{ display:block;  color:#fff; height:100%;  }
		.nav li a:hover,.nav li.on a{ background:#880000; color:#fff;  }